
import { ref } from 'vue'
import { useRoute, onBeforeRouteUpdate } from 'vue-router'
import { findTopCategory } from '@/api/category'

function useCategory () {
  const route = useRoute() // route === this.$route
  // 如果我想进行路由跳转的话？
  const categoryData = ref([])
  async function loadCategoryList (id = route.params.id) {
    // 缺少一个id参数
    const res = await findTopCategory(id)
    categoryData.value = res.result.children
  }
  loadCategoryList()
  // 执行钩子函数
  onBeforeRouteUpdate((to) => {
    // to:跳转到的新路由的路由对象 里面有id
    console.log(to)
    // 使用最新id获取新数据
    loadCategoryList(to.params.id)
  })
  return {
    categoryData
  }
}
export default useCategory
